@mixin position($top:0,$left:0) {
    position: absolute;
    top: $top;
    left: $left;
}
@mixin Flexcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}
@mixin background_and_blur($color:rgba(224, 222, 222, 0.226),$blur:50px) {
    background-color: $color;
    backdrop-filter: blur($blur);
    background-position: center;
    
}
@mixin backimageSize($size:cover){
    background-repeat: no-repeat;
    background-size: $size;
}
@mixin border-radius($R:50%){
    border-radius: $R;
    -webkit-border-radius: $R;
    -moz-border-radius: $R;
    -ms-border-radius: $R;
    -o-border-radius: $R;
}